<div class="flightDynamic">
    <el-form  >
        <el-row>
            <el-form-item label=" " >
            </el-form-item>
        </el-row>
        <el-row>
            <el-col :span="2">
                <el-from>
                    <el-form-item label=""  class = "transparent"></el-form-item>
                </el-from>
            </el-col>
            <el-col :span="22">
                <el-form class="queryForm" :inline="true">
                        <el-form-item label=""  class = "transparent">
                            <el-checkbox v-model="checkForm.all">全选</el-checkbox>
                        </el-form-item>
                        <el-form-item label=""  class = "transparent">
                            <el-checkbox v-model="checkForm.isImport">进港</el-checkbox>
                        </el-form-item>
                         <el-form-item label=""  class = "transparent">
                            <el-checkbox v-model="checkForm.export">出港</el-checkbox>
                        </el-form-item>
                         <el-form-item label=""  class = "transparent">
                            <el-checkbox v-model="checkForm.abnormal">异常</el-checkbox>
                         </el-form-item>
                         <el-form-item label=""  class = "transparent">
                            <el-checkbox v-model="checkForm.normal">正常</el-checkbox>
                         </el-form-item>
                         <el-form-item label=""  class = "transparent">
                            <el-checkbox v-model="checkForm.overtime">加班</el-checkbox>
                         </el-form-item>

                        <el-form-item label="航班号">

                            <el-input v-model="checkForm.flightNum"></el-input>
                        </el-form-item>
                            <el-form-item >
                                <el-button type="primary" @click="checkFlightDynamic">查询</el-button>
                            </el-form-item>


                </el-form>
            </el-col>
        </el-row>
    </el-form>
    <el-table
            :data="tableData"
              ref="table"
              :row-class-name="rowClass"
              show-pagination="false"
              :border =true
            :header-cell-class-name="getCellClass"
              min-height="350"
              max-height="400"


    >
        <!--:sort="tableSort"-->
        <el-table-column prop="flightInfo.flightNum" label="航班号" width="82" align="center">
        </el-table-column>
        <el-table-column prop="flightInfo.flightType" label="机型" width="82" align="center">
        </el-table-column>
        <el-table-column prop="flightInfo.flightNo" label="机号" width="82" align="center">
        </el-table-column>
        <el-table-column prop="normalAbnormality" label="性质" min-width="48" align="center">
        </el-table-column>
        <el-table-column prop="importOrExport" label="进出港" min-width="80" align="center">
        </el-table-column>
        <el-table-column  prop="originating" label="出发地"  align="center">
        </el-table-column>
        <el-table-column prop="destination" label="目的地"  align="center">
        </el-table-column>
        <el-table-column  prop="flightState" label="状态" min-width="100"align="center" >
        </el-table-column>
        <el-table-column  prop="securityState" label="保障状态" min-width="100"align="center" >
        </el-table-column>


        <el-table-column prop="takeOffTime" label="预起" min-width="52" align="center">
            <template scope="scope">
                {{scope.row.takeOffTime?scope.row.takeOffTime.substr(11,5):""}}
            </template>
        </el-table-column>
        <el-table-column prop="preFlyTime" label="预飞" min-width="52"  align="center">
            <template scope="scope">
                {{scope.row.preFlyTime?scope.row.preFlyTime.substr(11,5):""}}
            </template>
        </el-table-column>
        <el-table-column prop="realFlyTime" label="实飞" min-width="52"  align="center">
            <template scope="scope">
                {{scope.row.realFlyTime?scope.row.realFlyTime.substr(11,5):""}}
            </template>
        </el-table-column>
        <el-table-column prop="arriveTime" label="计达" min-width="52"  align="center">
            <template scope="scope">
                {{scope.row.arriveTime?scope.row.arriveTime.substr(11,5):""}}
            </template>
        </el-table-column>
        <el-table-column prop="preArriveTime" label="预达" min-width="52" align="center">
            <template scope="scope">
                {{scope.row.preArriveTime?scope.row.preArriveTime.substr(11,5):""}}
            </template>
        </el-table-column>
        <el-table-column prop="realArriveTime" label="实达" min-width="52" align="center">
            <template scope="scope">
                {{scope.row.realArriveTime?scope.row.realArriveTime.substr(11,5):""}}
            </template>
        </el-table-column>
        <el-table-column prop="delayReason" label="延误原因" min-width="70"align="center">
        </el-table-column>

    </el-table>
</div>